@import url(../commonFun.less);

.ant-scrolling-effect {
  width: 100% !important;
}

// 重写antd组件样式
:root {

  /********************** Button start ****************************/
  .ant-btn {
    // font-size: var(--btnFontSize);
    height: var(--commonFormItemHeight);
    line-height: 1;
    padding: 0 16px;
    border-radius: 2px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;

    .btn-icon {
      width: 1em;
      height: 1em;
    }

    .btn-icon+span {
      margin-left: 8px;
    }

    &+.ant-btn {
      margin-left: 8px;
    }
  }

  // .ant-radio-disabled .ant-radio-inner::after {
  //   color: #94bfff !important;
  //   background-color: #94bfff !important;
  // }
  //输入框禁用字体颜色
  input:disabled,
  input[disabled] {
    color: var(--colorText2);
    opacity: 1;
    -webkit-text-fill-color: var(--colorText2); // ios 和 安卓9.0 必须添加此属性，才会生效
    -webkit-opacity: 1;
  }

  textarea:disabled {
    opacity: 1;
    -webkit-text-fill-color: var(--colorText2);
  }

  //下拉框禁用字体颜色
  .ant-select.ant-select-disabled:not(.ant-select-customize-input) .ant-select-selector {
    color: var(--colorText2) !important;
  }

  .ant-btn-default {
    color: var(--colorText2);
    background-color: var(--btnBgColorDefault);

    &:hover:not(:disabled):not(.ant-btn-dangerous) {
      color: var(--colorText2);
      background-color: var(--btnBgColorDefaultHover);
      border-color: var(--borderColor);
    }

    &:active:not(:disabled):not(.ant-btn-dangerous) {
      color: var(--colorText2);
      background-color: var(--btnBgColorDefaultActive);
    }

    &:disabled {
      background-color: var(--btnBgColorDefaultDisabled);
      color: var(--btnColorDefaultDisabled);
    }

    &.ant-btn-dangerous {
      background: #ffece8;
      color: var(--colorDanger);

      &:disabled {
        background-color: var(--btnBgColorDefaultDisabled);
        color: var(--btnColorDefaultDisabled);
      }

      &:hover:not(:disabled) {
        background: #ffccc7;
        color: var(--colorDanger);
      }
    }
  }

  .ant-btn-link {
    padding: 0;

    &:not(.ant-btn-disabled):not(.ant-btn-loading):hover {
      background-color: transparent;
    }
  }

  // 蓝色文字及边框的按钮
  .ant-btn-default.primary-outline-btn {
    border: 1px solid var(--colorPrimary);
    color: var(--colorPrimary);
    background-color: transparent;
    padding: 0 15px;

    &:hover:not(:disabled) {
      border-color: var(--btnBgColorPrimaryHover);
      color: var(--btnBgColorPrimaryHover);
      background-color: transparent;
    }

    &:active:not(:disabled) {
      border-color: var(--btnBgColorPrimaryActive);
      color: var(--btnBgColorPrimaryActive);
      background-color: transparent;
    }

    &:disabled {
      border-color: var(--btnBgColorPrimaryDisabled);
      color: var(--btnBgColorPrimaryDisabled);
      background-color: transparent;
    }
  }

  .ant-btn-link {

    // color: #4D88FF;
    &:hover:not(:disabled),
    &:active:not(:disabled) {
      //   color: #66A3FF;
      text-decoration: underline;
    }

    &:disabled {
      color: var(--btnColorLinkDisabled);
    }
  }

  /********************** Button end ****************************/

  /********************** Input start ****************************/
  .ant-input,
  .ant-input-number,
  .ant-picker {
    // font-size: var(--formFontSize);
    border: 1px solid var(--borderColor);
    color: var(--formItemColor);

    &:not(.ant-input-sm):not(textarea) {
      height: var(--commonFormItemHeight);
    }

    .ant-select-selection-search-input {
      height: 28px;
    }

    .ant-input-number-input {
      height: var(--commonFormItemHeight);

      &::placeholder,
      input::placeholder {
        color: var(--placeholderColor);
      }
    }

    &::placeholder,
    input::placeholder {
      color: var(--placeholderColor);
    }

    &:hover,
    &:focus {
      box-shadow: 0px 0px 4px 0px rgba(22, 93, 255, 0.5);
      border: 1px solid var(--colorPrimary);
    }

    &:disabled {
      border: 1px solid var(--borderColor);
      background-color: var(--formItemDisabledBgColor);
      color: var(--formItemDisabledColor);
      box-shadow: none;

      &::placeholder,
      input::placeholder {
        color: var(--formItemDisabledColor);
      }
    }

    &.ant-input-number-disabled {
      border: 1px solid var(--borderColor);
      background-color: var(--formItemDisabledBgColor);
      color: var(--formItemDisabledColor);
      box-shadow: none;

      &::placeholder,
      input::placeholder {
        color: var(--formItemDisabledColor);
      }
    }

    &.ant-input-borderless {
      border: none;

      &:hover,
      &:focus {
        box-shadow: none;
        border: none;
      }
    }

    &.ant-input-number-borderless {
      border: none;

      &:hover,
      &:focus {
        box-shadow: none;
        border: none;
      }
    }
  }

  /********************** Search start ****************************/
  .ant-input-search {
    height: var(--commonFormItemHeight);
    // padding-right: 12px;
    transition: all 0.2s;
    .common-border();

    &:hover,
    &:focus {
      box-shadow: 0px 0px 4px 0px rgba(22, 93, 255, 0.5);
      border: 1px solid var(--colorPrimary);
    }

    .ant-input-wrappe {
      height: 100%;
    }

    .ant-input-wrapper {
      .ant-input {
        border: none;
        height: 30px;

        &:hover,
        &:focus {
          border: none;
          box-shadow: none;
        }
      }
    }

    .ant-input-group {
      .ant-input-group-addon {
        height: 32px;
        width: 32px;
        background-color: var(--colorPrimary);
        border-radius: 0;
        position: relative;
        top: -1px;

        &:last-child {
          left: unset;
          inset-inline-start: 0;
        }

        .ant-input-search-button {
          color: #fff;
          background-color: transparent;
          width: 14px;
          height: 14px;
          background-image: url(../../assets/svgs/serach-icon.svg);
          background-size: 100% 100%;
          padding: 0;
          border: none;
          box-shadow: none;
          position: relative;
          top: -1px;

          .anticon-search {
            display: none;
          }
        }
      }
    }
  }

  /********************** Search end ****************************/

  // 有前缀的input
  .ant-input-affix-wrapper {
    &input {
      height: var(--commonFormItemHeight);
    }

    &:hover,
    &:focus {
      box-shadow: 0px 0px 4px 0px rgba(22, 93, 255, 0.5);
      border: 1px solid var(--colorPrimary);
    }

    .ant-input:not(.ant-input-sm):not(textarea) {
      height: 100%;
      // line-height: calc(100% - 8px);

      &:hover,
      &:focus {
        box-shadow: none;
        border: none;
      }

      &:disabled {
        border: 1px solid var(--borderColor);
      }
    }
  }

  /********************** Input end ****************************/
  /********************** Select start ****************************/
  .ant-select {
    .ant-select-selector {
      height: var(--commonFormItemHeight);
      border: 1px solid var(--borderColor);
      color: var(--formItemColor);

      .ant-select-selection-search-input,
      .ant-select-selection-item {
        font-size: var(--formFontSize);
        height: 100%;
      }

      .ant-select-selection-placeholder {
        color: var(--placeholderColor);
        line-height: 30px;
      }

      &::placeholder {
        color: var(--placeholderColor);
      }

      &:hover,
      &:focus {
        box-shadow: 0px 0px 4px 0px rgba(22, 93, 255, 0.5);
        border: 1px solid var(--colorPrimary);
      }
    }

    .ant-select-arrow {
      font-size: 10px;
      color: var(--colorText2);
    }
  }

  .ant-select.ant-select-disabled:not(.ant-select-customize-input) {
    .ant-select-selector {
      height: var(--commonFormItemHeight);
      border: 1px solid var(--borderColor);
      color: var(--formItemDisabledColor);
      background-color: var(--formItemDisabledBgColor);

      &:hover,
      &:focus {
        box-shadow: none;
        border: 1px solid var(--borderColor);
      }

      .ant-select-selection-placeholder {
        color: var(--formItemDisabledColor);
      }
    }
  }

  .ant-select-dropdown {
    padding: 0;

    .ant-select-item {
      padding: 0 12px;
      border-radius: 0;
      height: var(--commonFormItemHeight);
      line-height: var(--commonFormItemHeight);
    }

    .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
      background-color: var(--colorPrimary);
    }

    .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
      background-color: var(--colorPrimary);
      color: #fff;
    }

    .ant-select-tree-treenode-selected {
      background-color: var(--colorPrimary) !important;
      color: #fff !important;
    }

    .ant-select-tree {
      .ant-select-tree-treenode-active {
        .ant-select-tree-node-content-wrapper {
          background-color: transparent;
        }
      }

      .ant-select-tree-list {
        .ant-select-tree-treenode {
          height: var(--commonFormItemHeight);
          width: 100%;
          padding: 0;
          white-space: nowrap;

          .ant-select-tree-node-content-wrapper {
            height: 100%;
            line-height: var(--commonFormItemHeight);

            &:hover {
              background-color: transparent;
            }
          }

          .ant-select-tree-switcher {
            line-height: var(--commonFormItemHeight);
          }

          .ant-select-tree-node-selected {
            background-color: transparent;
          }

          &:hover {
            background-color: rgba(0, 0, 0, 0.04);
          }
        }

        .ant-select-tree-treenode-selected {
          &:hover {
            background-color: var(--colorPrimary);
          }
        }
      }
    }
  }

  .ant-select-multiple {
    height: var(--commonFormItemHeight);

    .ant-select-selector {
      height: 100%;
      padding: 2px 4px 2px 4px;
      align-items: flex-start;

      .ant-select-selection-overflow {
        flex-wrap: nowrap;
        overflow: hidden;
        height: 100%;

        .ant-select-selection-overflow-item {
          height: 100%;

          .ant-select-selection-search-input {
            height: 100%;
          }

          .ant-select-selection-search-mirror {
            height: 100%;
          }
        }
      }

      .ant-select-selection-item {
        height: 100%;
        line-height: 1;
        border-radius: 2px;
        margin: 0 4px 0 0;
        align-items: center;
        background-color: var(--formItemDisabledBgColor);
        padding: 0 8px;

        .ant-select-selection-item-remove {
          color: unset;
        }
      }
    }

    &.ant-select-disabled {
      .ant-select-selection-item {
        border: none;
        background-color: #fff;
      }
    }
  }

  /********************** Select end ****************************/

  /********************** DatePicker start ****************************/
  .ant-picker-focused {
    box-shadow: 0px 0px 4px 0px rgba(22, 93, 255, 0.5);
    border: 1px solid var(--colorPrimary);
  }

  .ant-picker-input {
    input {
      color: var(--formItemColor);

      &::placeholder {
        color: var(--formItemDisabledColor);
      }
    }
  }

  .ant-picker.ant-picker-disabled {
    border: 1px solid var(--borderColor);
    color: var(--formItemDisabledColor);
    background-color: var(--formItemDisabledBgColor);

    .ant-picker-input {
      input {
        color: var(--formItemDisabledColor);

        &::placeholder {
          color: var(--formItemDisabledColor);
        }
      }
    }

    &:hover,
    &:focus {
      box-shadow: none;
      border: 1px solid var(--borderColor);
    }
  }

  /********************** DatePicker start ****************************/

  /********************** Checkbox Radio start ****************************/
  .ant-checkbox-wrapper {
    &:not(.ant-checkbox-wrapper-disabled):hover {
      .ant-checkbox-inner {
        border-color: var(--colorPrimary);
      }
    }
  }

  .ant-checkbox-checked {
    .ant-checkbox-inner {
      border-color: var(--colorPrimary);
      background-color: var(--colorPrimary);
    }
  }

  .ant-checkbox-disabled .ant-checkbox-inner {
    background: #f5f5f5;
    border-color: var(--borderColor);
  }

  // .ant-radio-wrapper {
  //   &:not(.ant-radio-wrapper-disabled):hover {
  //     .ant-radio-inner {
  //       border-color: var(--colorPrimary);
  //     }
  //   }

  //   .ant-radio-checked {
  //     .ant-radio-inner {
  //       border-color: var(--colorPrimary);
  //       background-color: #fff;

  //       &::after {
  //         transform: scale(0.5);
  //         background-color: var(--colorPrimary);
  //       }
  //     }
  //   }

  //   .ant-radio-disabled .ant-radio-inner {
  //     // background: #f5f5f5;
  //     border-color: var(--borderColor);

  //     &::after {
  //       background-color: var(--borderColor);
  //     }
  //   }
  // }

  // .ant-radio-wrapper-disabled {
  //   color: var(--formItemDisabledColor);
  // }

  /********************** Checkbox Radio end ****************************/

  /********************** Modal start ****************************/
  .ant-modal {
    .ant-modal-content {
      padding: 0;
      background-color: #ffffff;
      border-radius: 4px;
      overflow: hidden;

      .ant-modal-close {
        // top: 12px;
        width: 16px;
        height: 16px;

        .ant-modal-close-x {
          line-height: 16px;
          color: var(--colorText2);
        }

        &:hover {
          background-color: transparent;
        }
      }

      .ant-modal-header {
        height: 45px;
        padding: 0 20px;
        margin-bottom: 0;
        background-color: var(--modalHeaderBgColor);
        border-bottom: 1px solid var(--borderColor);
        // display: flex;
        // align-items: center;

        .ant-modal-title {
          font-size: 16px;
          font-weight: 700;
          height: 100%;
          display: flex;
          align-items: center;
        }
      }

      .ant-modal-body {
        padding: 24px 20px;
        max-height: calc(90vh - 200px);
        overflow: auto;
      }

      .ant-modal-footer {
        margin-top: 0;
        padding: 16px 20px;
        border-top: 1px solid var(--borderColor);
        border-radius: 2px 2px 2px 2px;
        // .ant-btn {
        //   height: var(--commonFormItemHeight);
        // }

        .ant-btn+.ant-btn:not(.ant-dropdown-trigger) {
          margin-left: 10px;
        }

        // .btnClose {
        //   background-color: transparent;

        //   &:hover {
        //     background-color: rgba(215, 215, 215, 1);
        //     border: 1px solid var(--borderColor);
        //     color: #000000;
        //   }
        // }
      }
    }

    // 表单最后一行元素有pd 所以把它清楚掉
    &.clear-bottom-padding-modal {
      .ant-modal-body {
        padding-bottom: 0;
      }
    }
  }

  /********************** Modal end ****************************/

  .ant-layout {
    background-color: transparent;

    .ant-layout-header {
      height: 60px;
      background-color: transparent;
      line-height: 1;
    }

    .ant-layout-sider {
      background-color: transparent;
    }

    .ant-layout-footer {
      background-color: transparent;
      padding: 0;
    }
  }

  .ant-steps {
    .ant-steps-item {
      .ant-steps-item-icon {
        width: 28px;
        height: 28px;
        // background-color: var(--btnBgColorDefault);

        .ant-steps-icon {
          color: var(--colorText2);
          top: -2px;
          font-weight: 600;
          font-size: 16px;
        }
      }

      .ant-steps-item-container {
        padding: 0 16px 10px 16px;
        width: fit-content;
      }

      .ant-steps-item-content {

        // padding-right: 16px;
        .ant-steps-item-title {
          padding-right: 8px;
          line-height: 28px;
        }
      }

      &.ant-steps-item-active {
        .ant-steps-item-icon {
          background-color: var(--colorPrimary);
          border-color: var(--colorPrimary);

          .ant-steps-icon {
            color: #fff;
            top: -2px;
            font-weight: 600;
            font-size: 16px;
          }
        }

        .ant-steps-item-container {
          border-bottom: 2px solid var(--colorPrimary);
        }
      }

      &.ant-steps-item-wait {
        .ant-steps-item-content {
          .ant-steps-item-title {
            color: var(--colorText2);
          }
        }
      }

      &.ant-steps-item-finish {
        .ant-steps-item-icon {
          background-color: #e8f3ff;

          .ant-steps-icon {
            color: #165dff;
          }
        }
      }

      &:not(:last-child) {
        .ant-steps-item-content::after {
          content: "";
          display: inline-block;
          width: 16px;
          height: 16px;
          position: relative;
          top: 3px;
          background-image: url(../../assets/right-arrow.svg);
        }
      }
    }

    .ant-steps-item-title::after {
      content: none;
    }
  }

  // 内容高度撑满的tab
  .ant-tabs.h100 {
    height: 100%;

    .ant-tabs-content,
    .ant-tabs-tabpane {
      height: 100%;
    }

    .ant-tabs-content-holder {
      height: 100%;
    }
  }

  .ant-tabs {
    .ant-tabs-tab-btn {
      color: var(--colorText2);
    }

    .ant-tabs-nav {
      .ant-tabs-tab {
        padding: 9px 0;
      }
    }

    // 页面内头部是灰色小tabs 页面的footer中会用到
    &.grey-header-mini-tabs {
      .ant-tabs-nav {
        margin-bottom: 0;
        background-color: var(--borderColor);
        padding: 0 24px;

        &::before {
          content: none;
        }

        .ant-tabs-tab {
          padding: 6px 0 10px 0;
          line-height: 24px;
        }
      }
    }

    // 小tabs  整个背景都是灰色 一般出现在弹窗中
    &.mini-tabs {
      background-color: var(--btnBgColorDefaultDisabled);
      padding: 0 24px 16px 24px;

      .ant-tabs-nav {
        margin-bottom: 8px;
      }
    }
  }

  /************* Tree start  *******************/
  .ant-tree {
    background-color: transparent;

    .ant-tree-treenode {
      width: 100%;
      height: 40px;
      padding: 0 8px 0 8px;
      flex-wrap: nowrap;
      align-items: center;
      cursor: pointer;
      border-radius: 4px;

      .ant-tree-switcher {
        display: flex;
        align-items: center;
        justify-content: center;
        // width: 12px;
        // margin-right: 8px;

        .ant-tree-switcher-icon {
          font-size: 12px;
        }
      }

      .ant-tree-node-content-wrapper {
        display: flex;
        align-items: center;
        padding: 0;
        flex: auto;
        overflow: hidden;

        .ant-tree-iconEle {
          margin-right: 6px;

          .user-icon {
            position: relative;
            top: -2px;
          }
        }

        .ant-tree-title {
          width: 100%;
          display: flex;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }

        &:hover {
          background: transparent;
        }
      }

      // &:not(.ant-tree-treenode-selected):hover {
      //   background: rgba(0, 0, 0, 0.04);
      // }

      &[aria-hidden="true"] {
        width: unset;
      }

      .ant-tree-checkbox {
        // margin-block-start: 0;
        // margin-top: 12px;

        .ant-tree-checkbox-inner {
          width: 14px;
          height: 14px;
        }

        &.ant-tree-checkbox-checked {
          .ant-tree-checkbox-inner {
            &::after {
              width: 5px;
              height: 8px;
            }
          }
        }
      }
    }

    .ant-tree-treenode-selected {
      // background-color: #f4f7fd;
      color: var(--colorPrimary);
      background-color: var(--treeSelectBg);

      .ant-tree-node-selected {
        background-color: transparent;
      }
    }

    &.v-padding-tree {
      .ant-tree-treenode {
        padding: 0 4px;
      }
    }

    // 树每行左侧图标
    .tree-icon {
      width: 20px;
      height: 20px;
      margin-right: 8px;
      flex: none;
    }

    // 树每行文字
    .tree-title {
      .text_over_flow();
      flex: auto;
    }

    // 树每行右侧操作区域
    .tree-item-operate-box {
      flex: none;
      margin-left: 8px;
    }
  }

  /************* Tree end  *******************/

  .ant-form-item {
    margin-bottom: 24px;

    .ant-form-item-label {
      label {
        color: var(--formLabelColor);
        font-size: 14px;
      }
    }

    .ant-input-number {
      width: 100%;
    }

    .ant-input-number-group-wrapper {
      width: 100%;
    }

    .ant-picker {
      width: 100%;
    }
  }

  .ant-form-item-explain-error {
    font-size: 12px;
  }

  // message 兼容
  // .ant-message {
  //   box-sizing: border-box;
  //   margin: 0;
  //   padding: 0;
  //   color: #434343;
  //   font-size: 14px;
  //   line-height: 1.5714285714285714;
  //   list-style: none;
  //   position: fixed;
  //   top: 8px;
  //   width: 100%;
  //   pointer-events: none;
  //   z-index: 1010;

  //   .ant-message-notice {
  //     padding: 8px;
  //     text-align: center;

  //     .ant-message-notice-content {
  //       display: inline-block;
  //       padding: 9px 12px;
  //       background: #ffffff;
  //       border-radius: 8px;
  //       box-shadow: 0 6px 16px 0 rgb(0 0 0 / 8%),
  //         0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%);
  //       pointer-events: all;
  //     }
  //   }

  //   .ant-message-notice.ant-message-move-up-leave.ant-message-move-up-leave-active {
  //     animation-name: MessageMoveOut;
  //     animation-duration: 0.1s;
  //   }

  //   @keyframes MessageMoveOut {
  //     0% {
  //       max-height: 150px;
  //       padding: 8px;
  //       opacity: 1;
  //     }

  //     100% {
  //       max-height: 0;
  //       padding: 0;
  //       opacity: 0;
  //     }
  //   }
  // }

  .ant-drawer {
    position: absolute;

    .ant-drawer-header {
      height: 45px;
      padding: 0 16px;
      flex: none;

      .ant-drawer-close {
        order: 2;
        margin: 0;
        padding: 0;
        color: var(--colorText2);
      }
    }

    .ant-drawer-body {
      padding: 12px 16px;
    }

    .ant-drawer-footer {
      padding: 0 16px;
      height: 64px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
  }

  //.ant-dropdown-menu样式
  .ant-dropdown {
    .ant-dropdown-menu {
      padding: 0;

      .ant-dropdown-menu-item {
        padding: 8px 12px;
        height: 36px;

        .ant-dropdown-menu-title-content {
          // line-height: 20px;
          height: 100%;
        }
      }
    }
  }

  /***************** notification start *********************/
  .ant-notification {
    // top: 50% !important;
    // left: 50% !important;
    // right: unset !important;
    // transform: translate(-50%, -50%);

    .ant-notification-notice-message {
      font-size: 16px;
      font-weight: bold;
      color: var(--titleColor);
    }

    .ant-notification-notice-description {
      color: var(--colorText2);
    }

    .prompt-icon {
      width: 24px;
      height: 24px;
    }
  }

  /***************** notification end *********************/

  /***************** message start *********************/
  .ant-message {
    .ant-message-notice-content {
      padding: 9px 16px;
      // min-width: 150px;
      text-align: center;
      box-shadow: none;
      border-radius: 2px;
    }

    .ant-message-custom-content {
      color: var(--titleColor);
      display: flex;
      align-items: center;
    }

    .prompt-icon {
      width: 16px;
      height: 16px;
      margin-right: 8px;
    }

    .ant-message-notice-success {
      .ant-message-notice-content {
        background-color: #e8ffea;
      }
    }

    .ant-message-notice-info {
      .ant-message-notice-content {
        background-color: #e8f3ff;
      }
    }

    .ant-message-notice-warning {
      .ant-message-notice-content {
        background-color: #fff7e8;
      }
    }

    .ant-message-notice-error {
      .ant-message-notice-content {
        background-color: #ffece8;
      }
    }
  }

  /***************** message end *********************/

  /***************** tooltip start *********************/
  .ant-tooltip {
    --antd-arrow-background-color: rgba(29, 33, 41, 0.8);
    font-size: 12px;

    .ant-tooltip-inner {
      background-color: rgba(29, 33, 41, 0.8);
    }
  }

  /***************** tooltip end *********************/

  /***************** upload start *********************/
  .ant-upload-wrapper.ant-upload-picture-card-wrapper {
    .ant-upload-list {
      display: flex;
    }

    .ant-upload,
    .ant-upload-list-item-container {
      width: 65px !important;
      height: 62px !important;
      background-color: transparent;
      font-size: 14px;
      color: var(--colorText2);
      border-radius: 2px;
      display: flex;
      align-items: center;
      justify-content: center;

      .anticon {
        margin-bottom: 8px;
      }

      &.ant-upload-select {
        width: 65px;
        height: 62px;
        border: 1px dashed var(--borderColor);
        background-color: transparent;
      }

      .ant-upload {
        &>div {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }
      }
    }
  }

  //去掉黑线
  .ant-table-tbody tr td {
    transition: none !important;
  }

  //表格高度
  .ant-table-wrapper {
    height: 100%;
  }

  .ant-rate {
    font-size: 16px;
  }

  // .left-line {
  //   .ant-tree-switcher-leaf-line {
  //     &::after {
  //       content: none !important;
  //     }
  //     &::before {
  //       content: none !important;
  //     }
  //   }
  // }

  /***************** upload end *********************/
}